<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="pc/include :: header('我的收益')" />

    <link th:href="@{/js/ui-table/ui-table.css}" rel="stylesheet"/>
</head>
<body>
<th:block th:include="pc/include :: top" />
<div class="iw">
    <div class="crumbs">
        <p>当前位置：<a href="/">首页</a> > <a href="/user/center">个人中心</a> > 我的用户组</p>
    </div>
    <div class="center_left">
        <th:block th:include="pc/include :: menu" />
    </div>
    <div class="center_right">
        <div class="task_head">
            <ul>
                <li id="li1" class="active">普通用户组</li>
                <li id="li2">VIP用户组</li>
            </ul>
            <div class="line"></div>
        </div>
        <div class="tab_group">
            <div class="group-info">
                <p>您目前所在的会员组是【<span th:text="${ugroup.groupname}" th:remove="tag"></span>】，共有 <span th:text="${doc_count}" th:remove="tag"></span> 篇文档，
                 <div th:if="${togroup}!=null and ${togroup.isauth} and ${user.isauth}==1" >
                    且已认证，可以升级为【<span th:text="${togroup.groupname}" th:remove="tag"></span>】，点击<a href='/center/ugroup'> 立即升级 </a>
                 </div>
                    <span th:if="${togroup}!=null and ${togroup.isauth} and ${user.isauth}==0" >
                     但还没认证，请先<a href="/center/ugroup"> 进行认证 </a>，认证后可升级为【<span th:text="${togroup.groupname}" th:remove="tag"></span>】
                    </span>
                    <span th:if="${togroup}!=null" >
                         可以升级为【<span th:text="${togroup.groupname}" th:remove="tag"></span>】，点击 <a href='/center/ugroup'>立即升级</a>
                    </span>
                    <span th:if="${togroup}==null" >
                          <a>暂时不能升级</a>
                    </span>

                </p>
            </div>

            <table>
                <tr><td>用户组</td><td>最低文档数</td><td>提现利率</td><td>上传数量限制</td><td>上传大小限制</td><td>下载数量限制</td><td>需要认证</td><td>我的用户组</td></tr>

                <tr th:each="item,userStat :${groups}" th:classappend="${item.groupid} and ${ugroup.groupid}?'ddd'">
                    <td th:text="${item.groupname}"></td>
                    <td th:text="${item.docnum}"></td>
                    <td th:text="${item.divide}"></td>
                    <td th:text="${item.uploadcount}"></td>
                    <td th:text="${item.uploadsize}"></td>
                    <td th:text="${item.downcount}"></td>
                    <td th:text="${item.isauth}?'是':'否'"></td>
                    <td style="color:#f60" th:text="${item.groupid}==${ugroup.groupid}?'我在这里'"></td>
                </tr>

            </table>
        </div>
        <style>
            .ddd{
                background:#efefef
            }
        </style>
        <div class="tab_vgroup" style="display: none">
            <div class="group-info">

                    <p th:if="${vgroup.vgroupid}==0">您没有开通VIP，现在去<a href="/user/vip"> 开通 </a></p>
                    <p th:if="${vgroup.vgroupid}!=0">您目前所在的VIP组是【<span th:text="${vgroup.vgroupname}" th:remove="tag"></span>】,您可以<a href="/user/vip"> 升级VIP </a></p>
            </div>
            <table>
                <tr><td>用户组</td><td>VIP时长</td><td>阅读折扣</td><td>下载折扣</td><td>下载上限+</td><td>我的用户组</td></tr>
                <tr th:each="item,userStat :${vgroups}" th:classappend="${item.vgroupid} and ${vgroup.vgroupid}?'ddd'">
                    <td th:text="${item.vgroupname}"></td>
                    <td><span th:text="${item.vipdays}" th:remove="tag"></span> 天</td>
                    <td th:text="${item.discount}"></td>
                    <td th:text="${item.discount2}"></td>
                    <td>+ <span th:text="${item.downcount}" th:remove="tag"></span></td>
                    <td><span th:text="${item.docmoney==-1}?'不限制' : ${item.docmoney+'元'}" th:remove="tag"></span></td>
                    <td>
                        <a th:if="${item.vgroupid}==${vgroup.vgroupid}" style="color:#f60" href="/user/vip">我在这里</a>
                    </td>
                </tr>

            </table>
        </div>
    </div>
</div>
<?php $this->load->view($template . 'footer'); ?>
<script>
    $(function() {
        $("#li1").click(function() {
            $("#li1").addClass("active");
            $("#li2").removeClass("active");
            $(".line").css("left", "8px");
            $(".tab_group").show();
            $(".tab_vgroup").hide();
        });
        $("#li2").click(function() {
            $("#li2").addClass("active");
            $("#li1").removeClass("active");
            $(".line").css("left", "138px");
            $(".tab_vgroup").show();
            $(".tab_group").hide();
        });
    });
</script>